/**
 * @fileoverview 背景颜色。只有Opaque（不透明）一种类型。每种类型都有light、dark样式，dark样式细分为base、elevated
 * 1. 因浅色模式为主流，因此默认为浅色模式，深色模式颜色添加 -dark后缀
 * 2. Opaque为 iOS、macOS 共有，采用 iOS 值；
 * 3. 无声明默认为Opaque类型的、light样式的，dark无声明默认为base样式的。因此 API 除 DEFAULT，额外添加 dark、 dark-elevated
 * 4. 合并背景分组颜色，因此API额外添加：grouped、grouped-dark、grouped-dark-elevated
 * 5. 通常fill也作为背景颜色使用，因此API额外添加：fill、fill-dark ...
 * */

const fillColors = require("./fill-colors");

module.exports = {
  primary: {
    DEFAULT: "#ffffff",
    dark: "#000000",
    "dark-elevated": "#1C1C1E",

    grouped: "#f2f2f7",
    "grouped-dark": "#000000",
    "grouped-dark-elevated": "#1C1C1E",

    ...fillColors.primary,
  },
  secondary: {
    DEFAULT: "#f2f2f7",
    dark: "#1C1C1E",
    "dark-elevated": "#2C2C2E",

    grouped: "#ffffff",
    "grouped-dark": "#1C1C1E",
    "grouped-dark-elevated": "#2C2C2E",

    ...fillColors.secondary,
  },
  tertiary: {
    DEFAULT: "#ffffff",
    dark: "#2C2C2E",
    "dark-elevated": "#3A3A3C",

    grouped: "#f2f2f7",
    "grouped-dark": "#2C2C2E",
    "grouped-dark-elevated": "#3A3A3C",

    ...fillColors.tertiary,
  },
  quaternary: {
    ...fillColors.quaternary,
  },
};
